<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html class="x-admin-sm">
  
  <head>
    <meta charset="UTF-8">
    <title>收获记录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />

<!-- 最新导入 -->
<script type="text/javascript" src="<c:url value='/template/new_muban/js/jquery-min-1.7.js'/>"></script>
<link rel="stylesheet" href="<c:url value='/template/new_muban/css/font.css'/>">
<link rel="stylesheet" href="<c:url value='/template/new_muban/css/xadmin.css'/>">   
<script src="<c:url value='/template/new_muban/lib/layui/layui.js'/>" charset="utf-8"></script> 
<script type="text/javascript" src="<c:url value='/template/new_muban/js/xadmin.js'/>"></script>

<link rel="stylesheet" href="<c:url value='/template/new_muban/css/login.css'/>">


    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
 <style type="text/css">   
    /*圆形头像  */
	/* #divcss5{ margin:10px auto}  */
	#divcss5 img{ border-radius:50%} 
</style>	
  </head>
  
  <body style="padding: 20px;">
  <fieldset class="layui-elem-field layui-field-title site-title">
      <legend><a name="use">收获记录</a></legend>
    </fieldset>
    <ul class="layui-timeline">

  <li class="layui-timeline-item">
    <i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop layui-timeline-axis">&#xe63e;</i>
    <div class="layui-timeline-content layui-text">
      <div class="layui-timeline-title">果树正在努力成长...</div>
    </div>
  </li>
  <c:forEach items="${allTreeShouhuo}" var="sh">
  
	  <li class="layui-timeline-item">
	    <i class="layui-icon layui-timeline-axis">&#xe63f;</i> <!-- 火&#xe756; 圆&#xe63f; -->
	    <div class="layui-timeline-content layui-text">
	      <h3 class="layui-timeline-title">${sh.fors_time}</h3>
	      <p>
	     果实收获,${sh.fors_text}
	        <br>变动数量 : <b>  ${sh.fors_count} </b> 斤
	        <br><img src="${sh.rr_img}" width="100px;">
	      </p>
	    </div>
	  </li>
  
  
  </c:forEach>
   
 
</ul>
  </body>

</html>